<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%
     String path=request.getContextPath();
      String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="css/login.css" rel="stylesheet" rev="stylesheet" type="text/css" media="all" />
<link href="css/demo.css" rel="stylesheet" rev="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="<%=basePath%>js/jquery.min.js"></script>
<script type="text/javascript" src="<%=basePath%>js/jquery-1.11.0.js"></script>
<script type="text/javascript" src="<%=basePath%>js/jquery.SuperSlide.js"></script>
<script type="text/javascript" src="<%=basePath%>js/Validform_v5.3.2_min.js"></script>

<script>
$(function(){

$(".i-text").focus(function(){
$(this).addClass('h-light');
});

$(".i-text").focusout(function(){
$(this).removeClass('h-light');
});

$("#name").focus(function(){
 var username = $(this).val();
 if(username=='输入账号'){
 $(this).val('');
 }
});

$("#name").focusout(function(){
 var username = $(this).val();
 if(username==''){
 $(this).val('输入账号');
 }
});


$("#password").focus(function(){
 var username = $(this).val();
 if(username=='输入密码'){
 $(this).val('');
 }
});



/*$(".registerform").Validform({
	tiptype:function(msg,o,cssctl){
		var objtip=$(".error-box");
		cssctl(objtip,o.type);
		objtip.text(msg);
	},
	ajaxPost:true
});*/

});




</script>
</head>
<body>
<div class="header">
  <h1 class="headerLogo"><a title="后台管理系统" target="_blank" href="#"><img alt="logo" src="images/logo.gif"></a></h1>
	<div class="headerNav">
		<a target="_blank" href="#">企业官网</a>
		<a target="_blank" href="#">关于我们</a>
		<a target="_blank" href="#">开发团队</a>
		<a target="_blank" href="#">意见反馈</a>
		<a target="_blank" href="#">帮助</a>	
	</div>
</div>

<div class="banner">

<div class="login-aside">
  <div id="o-box-up"></div>
  <div id="o-box-down"  style="table-layout:fixed;">
   <div class="error-box"></div>
   ${erro}
   <form  class="registerform" method="post" id="from1" action="user/login">
   <div class="fm-item">
	   <label for="logonId" class="form-label">MISS系统登陆：</label>
	   <input type="text" value="输入账号" maxlength="100" name="name" id="name" class="i-text"    datatype="s6-18" errormsg="用户名至少6个字符,最多18个字符！"  >    
       <div class="ui-form-explain"></div>
  </div>
  <div class="fm-item">
	   <label for="logonId" class="form-label">登陆密码：</label>
	   <input type="password" value="" maxlength="100" name="password" id="password" class="i-text" datatype="*6-16" nullmsg="请设置密码！" errormsg="密码范围在6~16位之间！">    
       <div class="ui-form-explain"></div>
  </div>
  
  
  <div class="fm-item">
	   <label for="logonId" class="form-label"></label>
	   <button value="" tabindex="4" id="send-btn" class="btn-login"></button> 
       <div class="ui-form-explain"></div>
  </div>
<div class="fm-item">
    <label for="logonId" class="form-label"></label>
    <a href="register.jsp"><input type="button" value="注册" style="width:240px;height:35px; background:orange;"></a>
    <div class="ui-form-explain"></div>
</div>
  </form>
  
  </div>

</div>
	<div class="bd">
		 <ul>
			<li style="background:url(themes/theme-pic1.jpg) #CCE1F3 center 0 no-repeat;"><a target="_blank" href="#"></a></li>
			<li style="background:url(themes/theme-pic2.jpg) #BCE0FF center 0 no-repeat;"><a target="_blank" href="#"></a></li>
		 </ul>
	</div>
	<div class="hd"><ul></ul></div>
</div>
<script type="text/javascript">
jQuery(".banner").slide({ titCell:".hd ul", mainCell:".bd ul", effect:"fold",  autoPlay:true, autoPage:true, trigger:"click" });
function checkInput(){
	var flag = true;
    //判断用户名
    if($("input[name=name]").val()==null || $("input[name=name]").val()==""){
        alert("用户名不能等于空");
        $("input[name=password]").focus();
        flag =false;
        return ;
    }
    //判断密码
    if($("input[name=loginpwd]").val()==null || $("input[name=password]").val()==""){
        alert("密码不能等于空");
        $("input[name=loginpwd]").focus();
        flag =false;
        return ;
    }
    return flag;
};
       $("#send-btn").on("click",function(){
			var username=$("#username").val();
			var password=$("#password").val();
			var yzm=$("#yzm").val();
			var data=$("#from1").serialize();	
       });
</script>
<div class="banner-shadow"></div>

<div class="footer">
   <p>Copyright &copy; 2014.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
</div>
</body>
</html>